<div class="mid-nav shadow-div">
    <div class="row list-row">
        <div class="col-md-offset-4 col-md-4">
            <div class="panel panel-default">
                <div class="panel-body">




                    <div>
                        <div class="form-group">
                            <label for="tel">Telephone</label>

                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span> </span>
                                <input type="text" class="form-control" id="tel" placeholder="Telephone"
                                       ng-model ="tel" readonly>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name">Nick Name</label>

                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span> </span>
                                <input type="text" class="form-control" id="name" placeholder="The name we call you"
                                       ng-model="c.cPersonName">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="location">Location</label>

                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-home"></span> </span>
                                <input type="text" class="form-control" id="location" placeholder="Your location"
                                       ng-model="c.cLocation">
                            </div>
                        </div>
                        <button type="button" class="btn btn-default btn-block" data-toggle="modal"
                                data-target="#PwdModal" ng-click="changePassword">修改密码
                        </button>
                        <hr>
                        <div class="form-group">
                            <button type="button" class="btn btn-common btn-block" ng-click="submit()">提交</button>
                        </div>

                    </div>



                </div>
            </div>
        </div>
    </div>
</div>

<!-- 密码修改模态框 -->
<div class="modal fade" id="PwdModal" tabindex="-1" role="dialog" aria-labelledby="title">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header gold-bg">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="title">修改密码</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <form action="." method="post">
                                <div class="form-group">
                                    <label for="oldPwd">原密码</label>

                                    <div class="input-group">
                                        <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
                                        <input type="password" class="form-control" id="oldPwd" name="oldPwd"
                                               placeholder="Old password" ng-model="oldPwd" ng-blur="verifyPwd1()">
                                    </div>
                                    <span class="error" id="pwd_checker1" ng-bind="oldPwd_checker1"></span>
                                </div>
                                <div class="form-group">
                                    <label for="newPwd">新密码</label>

                                    <div class="input-group">
                                        <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
                                        <input type="password" class="form-control" id="newPwd" name="newPwd"
                                               placeholder="New password" ng-model="newPwd1" ng-blur="verifyPwd2()">
                                    </div>
                                    <span class="error" id="pwd_checker2" ng-bind="newPwd_checker2" ></span>
                                </div>
                                <div class="form-group">
                                    <label for="newPwd2">确认密码</label>

                                    <div class="input-group">
                                        <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
                                        <input type="password" class="form-control" id="newPwd2" name="newPwd2"
                                               placeholder="Confrim password" ng-model="newPwd2" ng-blur="verifyPwd3()">
                                    </div>
                                    <span class="error" id="pwd_checker3" ng-bind="newPwd_checker3" ></span>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-common btn-block" type="button" ng-click="confirmPwd()">确认</button>
                <button class="btn btn-default btn-block" type="button" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>